<template>
    <div>
        <el-row>
            <div v-for="o in 6" :key="o" class="text item">
                <el-card class="box-card" @click.native="toRepository">
                    <div slot="header" class="clearfix">
                        <span>知识库标题</span>
                        <el-button style="float: right; padding: 3px 0" type="text" id="blogcontext">知识库内容</el-button>
                    </div>
                    <el-row>
                        {{neirong}}
                    </el-row>

                    <el-row class="bottom">
                        <el-col :span="3">
                            <el-avatar :size="50" :src="circleUrl"></el-avatar>
                        </el-col>
                        <el-col :span="4">
                            <div>ID:{{userid}}</div>
                        </el-col>
                        <el-col :span="9" class="createtime">
                            创建时间:{{createtime}}
                        </el-col>
                        <el-col :span="4">
                            <el-badge :value="12" :max="99" class="item">
                                <el-button size="small">评论</el-button>
                            </el-badge>
                        </el-col>
                        <el-col :span="4">
                            <el-badge :value="3" :max="99" class="item">
                                <el-button size="small">点赞</el-button>
                            </el-badge>
                        </el-col>

                    </el-row>

                </el-card>
            </div>
        </el-row>
        <el-row>
            <el-pagination
                    layout="prev, pager, next"
                    :total="1000">
            </el-pagination>
        </el-row>
    </div>
</template>

<script>


    export default {
        name: "repositorysearchlist",
        data:{
        circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"
        },
        components: {},
        methods: {
            toRepository() {
                this.$router.push({path: `/repository/repository`});
            }
        }
    }
</script>

<style scoped>
    .box-card {
        margin-top: 20px;
        width: 600px;
    }
</style>